/* 文章页H1-H6图标样式效果 风车转动*/
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
    -webkit-animation: ccc 2s linear infinite;
    animation: ccc 2s linear infinite;
}

@-webkit-keyframes ccc {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes ccc {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

/* 不同大小的风车设置不同颜色 */
#content-inner.layout h1::before {
    color: #ef50a8;
    margin-left: -1.55rem;
    font-size: 1.3rem;
    margin-top: -0.23rem;
}

#content-inner.layout h2::before {
    color: #fb7061;
    margin-left: -1.35rem;
    font-size: 1.1rem;
    margin-top: -0.12rem;
}

#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover {
    color: #49b1f5;
}

#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before {
    color: #49b1f5;
    -webkit-animation: ccc 3.2s linear infinite;
    animation: ccc 3.2s linear infinite;
}

/*哔哩哔哩视频适配*/
.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    margin: 3% auto;
    text-align: center;
}

.aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* 页脚footer */
/* 渐变色滚动动画 */
@-webkit-keyframes Gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@keyframes Gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

#footer {
    background: linear-gradient(-45deg, #ee7752, #ce3e75, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    -webkit-animation: Gradient 10s ease infinite;
    -moz-animation: Gradient 10s ease infinite;
    animation: Gradient 10s ease infinite;
    -o-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#footer:before {
    background-color: rgba(0, 0, 0, 0);
}

/* 全局默认鼠标指针 */
/* body,
html {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/arrow.cur'), auto !important;
} */

/* 悬停图片时的鼠标指针 */
/* img {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/btn.cur'), auto !important;
} */

/* 选择链接标签时的鼠标指针 */
/* a:hover {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/link.cur'), auto;
} */

/* 选中输入框时的鼠标指针 */
/* input:hover {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/input.cur'), auto;
} */

/* 悬停按钮时的鼠标指针 */
/* button:hover {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/btn.cur'), auto;
} */

/* 悬停列表标签时的鼠标指针 */
/* i:hover {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/link.cur'), auto;
} */

/* 悬停页脚链接标签（例如页脚徽标）时的鼠标指针 */
/* #footer-wrap a:hover {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/hf.cur'), auto;
} */

/* 悬停页码时的鼠标指针 */
/* #pagination .page-number:hover {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/i.cur'), auto;
} */

/* 悬停菜单栏时的鼠标指针 */
/* #nav .site-page:hover {
    cursor: url('https://npm.elemecdn.com/akilar-candyassets/cur/hf.cur'), auto;
} */

/* 导航栏置顶透明覆盖 */
/*#page-header.not-top-img #nav {
    background: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0);
    box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0)
}*/
/* 导航栏非置顶透明覆盖 */
/*#page-header.nav-fixed #nav {
 background: rgba(255,255,255,.8);
    -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,.6);
    box-shadow: 0 5px 6px -5px rgba(133,133,133,.6);
}*/
/* 导航栏居中 */
/* #navFn {
    flex: 1;
    text-align: right;
}

#nav #search-button {
    display: inline;
    padding: 0 0 0 0.3rem;
    position: relative;
    padding-bottom: 0.3rem;
    text-shadow: 0.05rem 0.05rem 0.1rem rgb(0 0 0 / 30%);
    cursor: pointer;
} */

/* 横向排布子菜单 */
/* #nav .menus_items .menus_item .menus_item_child li {
    display: inline-block;
} */

/* 圆角隐藏 */
/* ul.menus_item_child {
    overflow: hidden;
    border-radius: 5px;
} */

/* 调整空隙，确保不会天下武功唯快不破 */
/* #nav .menus_items .menus_item .menus_item_child {
    margin-top: 0px !important;
} */

/* svg.icon {
    width: 1em;
    height: 1em;

    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    font-size: 20px;

} */

/*背景图*/
/* #body-wrap {
    background: -webkit-linear-gradient(0deg,
            rgba(247, 149, 51, 0.1) 0,
            rgba(243, 112, 85, 0.1) 15%,
            rgba(239, 78, 123, 0.1) 30%,
            rgba(161, 102, 171, 0.1) 44%,
            rgba(80, 115, 184, 0.1) 58%,
            rgba(16, 152, 173, 0.1) 72%,
            rgba(7, 179, 155, 0.1) 86%,
            rgba(109, 186, 130, 0.1) 100%);
    background: -moz-linear-gradient(0deg,
            rgba(247, 149, 51, 0.1) 0,
            rgba(243, 112, 85, 0.1) 15%,
            rgba(239, 78, 123, 0.1) 30%,
            rgba(161, 102, 171, 0.1) 44%,
            rgba(80, 115, 184, 0.1) 58%,
            rgba(16, 152, 173, 0.1) 72%,
            rgba(7, 179, 155, 0.1) 86%,
            rgba(109, 186, 130, 0.1) 100%);
    background: -o-linear-gradient(0deg,
            rgba(247, 149, 51, 0.1) 0,
            rgba(243, 112, 85, 0.1) 15%,
            rgba(239, 78, 123, 0.1) 30%,
            rgba(161, 102, 171, 0.1) 44%,
            rgba(80, 115, 184, 0.1) 58%,
            rgba(16, 152, 173, 0.1) 72%,
            rgba(7, 179, 155, 0.1) 86%,
            rgba(109, 186, 130, 0.1) 100%);
    background: -ms-linear-gradient(0deg,
            rgba(247, 149, 51, 0.1) 0,
            rgba(243, 112, 85, 0.1) 15%,
            rgba(239, 78, 123, 0.1) 30%,
            rgba(161, 102, 171, 0.1) 44%,
            rgba(80, 115, 184, 0.1) 58%,
            rgba(16, 152, 173, 0.1) 72%,
            rgba(7, 179, 155, 0.1) 86%,
            rgba(109, 186, 130, 0.1) 100%);
    background: linear-gradient(90deg,
            rgba(247, 149, 51, 0.1) 0,
            rgba(243, 112, 85, 0.1) 15%,
            rgba(239, 78, 123, 0.1) 30%,
            rgba(161, 102, 171, 0.1) 44%,
            rgba(80, 115, 184, 0.1) 58%,
            rgba(16, 152, 173, 0.1) 72%,
            rgba(7, 179, 155, 0.1) 86%,
            rgba(109, 186, 130, 0.1) 100%);
} */


/*字体设置*/
@font-face {
    font-family:Candyhome;
    src:url(https://cdn.jsdelivr.net/npm/akilar-candyassets/fonts/Candyhome.ttf);
    font-display:swap;
    font-weight:lighter
}
@font-face {
    font-family:ZhuZiAYuanJWD;
    src:url(https://cdn.jsdelivr.net/npm/akilar-candyassets/fonts/ZhuZiAWan.woff2);
    font-display:swap;
    font-weight:lighter
}
h1#site-title {
    font-family:ZhuZiAYuanJWD;
    font-size:4em!important
}
a.article-title, a.blog-slider__title, a.categoryBar-list-link, h1.post-title {
    font-family:ZhuZiAYuanJWD
}

/*图片模糊变清晰*/
/*10s为加载动画的时间，1为加载动画的次数，ease-in-out为动画效果*/
/*#page-header,
#web_bg {
    -webkit-animation: imgblur 10s 1 ease-in-out;
    animation: imgblur 10s 1 ease-in-out;
}
@keyframes imgblur {
  0% {
    filter: blur(5px);
  }
  100% {
    filter: blur(0px);
  }
}*/
/*适配使用-webkit内核的浏览器 */
/*@-webkit-keyframes imgblur {
  0% {
    -webkit-filter: blur(5px);
  }
  100% {
    -webkit-filter: blur(0px);
  }
}*/


/*#web_bg {*/
/* 背景图像的地址（url括号里）  */
/*background: url();*/
/* 背景图像不重复 */
/*background-repeat: no-repeat;*/
/* 背景图像大小 */
/*background-size: cover;*/
/*}*/